<template>
  <div class="flex flex-col border-r border-stone-300 bg-stone-100 ">
    <div class="overflow-y-scroll sticky top-4 h-[calc(100vh-32px-48px)]">
      <AccountToggle />
      <Search />
      <RouteSelect />
    </div>

    <Plan />
  </div>
</template>

<script setup lang="ts">
import AccountToggle from './sidebar/AccountToggle.vue';
import Search from './sidebar/Search.vue';
import RouteSelect from './sidebar/RouteSelect.vue';
import Plan from './sidebar/Plan.vue';

// Sidebar logic will go here
</script>

<style scoped>
/* Sidebar styles will go here */
</style>